<template>
  <div class="all">
    <my-head title="歌手分类"></my-head>
    <div class="con">
      <van-tabs v-model="active" offset-top="45px" animated sticky swipeable>
        <van-tab v-for="(v, i) in arr" :key="i" :title="v.name">
          <singerList :type="v.type"></singerList>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
        active:0,
        arr:[
            {
                name:'全部',
                type:-1,
            },
            {
                name:'男',
                type:1,
            },
            {
                name:'女',
                type:2,
            },
            {
                name:'乐队/组合',
                type:3,
            },
        ]
    };
  },
  mounted() {
  },
};
</script>


<style lang="scss" scoped>
.all{
    padding-bottom: 50px;
}
.con{
    background: #fff;
}
</style>